<template>
  <div class="main">
    <Layout :style="{minHeight: '100vh'}">
      <d-sider></d-sider>
      <Layout>
        <d-header></d-header>
        <Content class="d-content">
          <router-view></router-view>
        </Content>
      </Layout>
    </Layout>
  </div>
</template>
<script>
import DSider from '../components/sider/SiderBar'
import DHeader from '../components/header/Header'
export default {
  data() {
    return {}
  },
  components: {
    DSider,
    DHeader
  }
}
</script>
<style lang="scss" scoped>
  .main{
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .ivu-layout{
    background: #f3f3f3;
  }
  .d-content{
    position: fixed;
    left: 200px;
    top: 60px;
    right: 0;
    bottom: 0;
    margin: 10px;
    border-radius: 4px;
    background: #fff;
  }
</style>


